// ============================================================================
// Variables,
// extracted from bootstrap 4.
// ============================================================================

// ----------------------------------------------------------------------------
// Spacing
// ----------------------------------------------------------------------------

$spacer: 1rem !default;

// ----------------------------------------------------------------------------
// Sizes
// ----------------------------------------------------------------------------

$sizes: () !default;
$sizes: map-merge(
  (
    25: 25%,
    50: 50%,
    75: 75%,
    100: 100%,
    auto: auto
  ),
  $sizes
);

$toolbar-size: (
  primary: 32px,
  secondary: 28px,
  extra: 24px
) !default;

$border-radius: 4px;

// ----------------------------------------------------------------------------
// Responsive Breakpoints
// ----------------------------------------------------------------------------

$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px
) !default;

// ----------------------------------------------------------------------------
// Layouts
// ----------------------------------------------------------------------------

$columns:       12;
$column-gutter: 16px;
